<html>
    <head>
        <title>
            This is a test html
        </title>
        <script type="text/javascript">
            var testDiv;

            function main()
            {
                editTestDiv();
            }

            function editTestDiv()
            {
                var table = "<table>";
                var width = 50;

                for (var i = 0; i < 10; i++)
                {
//                    table += Math.random() + "<br>";
                    table += "<tr>";
                    for (var j = 0; j < 10; j++)
                    {
                        table += "<td>";
                        if(i == j)
                        {
                            table +="<img onClick='alert(" + i + ")' src='frog.jpg' width='" + width + "' />";
                            width += 10;
                        }
                        table += "</td>";
                    }
                    table += "</tr>";                    
                }
                table += "</table>";
                testDiv.innerHTML = table;
            }


        </script>
        <style>

        </style>
    </head>
    <body>
        <div id="testdiv"></div>
        <footer>
            <script type="text/javascript">
                testDiv = document.getElementById("testdiv");

                main();
            </script>
        </footer>
    </body>
</html>